<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0">
<link rel="stylesheet" href="<%=basePath%>assets/css/public.css">
<link rel="stylesheet" href="<%=basePath%>assets/css/page.css">
<link rel="stylesheet" href="<%=basePath%>assets/font-awesome-4.7.0/css/font-awesome.min.css">
<title>我的关注</title>
<script src="<%=basePath%>assets/js/jquery-1.8.3.min.js"></script>
<script src="<%=basePath%>assets/js/fontSize.js"></script>
<script src="<%=basePath%>assets/js/touchslider.js"></script>
<link rel="stylesheet" href="<%=basePath%>/assets/imgTools/helmet.css">

<style>
body {
	padding-top: 1.6rem;
}

.content_cont ul li {
	padding: 3%;
    background: #fff;
    border-bottom: 2px solid #E9E9E9;
    border-right: 2px solid #E9E9E9;
    position: relative;
    margin: 0.2rem 0;
    box-shadow: 0 0 0.2rem #E5E5E5;
    border-radius: 0.1rem;
}

.shangjiatupian {
	width: 16%;
    height: 0px;
    float: left;
    padding-bottom: 16%;
    background-size: 100%;
    background-position: center center;
    border-radius: 50%;
}

.shangjiajieshao {
	width: 72%;
	float: left;
	margin: 5% 2% 2% 3%;
}

.dianpumingcheng {
	font-size: 0.26rem;
	line-height: 0.4rem;
	font-weight: bold
}

.noSJ {
	width: 100%;
	height: 8rem;
}

.noSJ img {
	width: 50%;
	margin: 30% auto 10%;
	display: block
}

.noSJ h3 {
	width: 100%;
	font-size: 0.25rem;
	line-height: 0.6rem;
	font-weight: bold;
	text-align: center
}

.noSJ p {
	width: 100%;
	font-size: 0.24rem;
	line-height: 0.6rem;
	text-align: center
}

</style>
</head>
<body>
	<div class="header">
		<div class='header_top'>
			<a class="returnInfo" href="#" onclick="javascript:history.go(-1);"><i class="fa fa-angle-left"></i></a>
			我的关注

		</div>
	</div>
	<div class="find_nav">
		<div class="find_nav_left">
			<div class="find_nav_list" id="pagenavi1">
				<ul>
					<li class="first active"><a>我关注的店铺</a></li>
					<li class="second"><a>我关注的人</a></li>
				</ul>

			</div>
		</div>
	</div>
	<div id="slider1" class="swipe">
		<ul class="box01_list">
			<li class="li_list aside1">
				<c:choose>
					<c:when test="${not empty attentionShopList}">
						<div class="content">
							<div class="content_cont yishoushangpin">
								<ul id="ul">
									<c:forEach items="${attentionShopList}" var="attentionShopList">
										<li>
											<a href="<%=basePath%>app/goodsList?merchantId=${attentionShopList.targetId}" class="clearFirx">
												<c:choose>
													<c:when test="${not empty attentionShopList.merchantHeadImg}">
														<div class="shangjiatupian" style="background-image: url(<%=basePath%>app/getGoodsPhotoByName?goodsImage=${attentionShopList.merchantHeadImg});"></div>
													</c:when>
													<c:otherwise>
														<div class="shangjiatupian" style="background-image: url(<%=basePath%>assets/images/dianpu.png);"></div>
													</c:otherwise>
												</c:choose>
												<div class="shangjiajieshao">
													<h3 class="dianpumingcheng">${attentionShopList.merchantName}</h3>
												</div>
											</a>
										</li>
									</c:forEach>
								</ul>
							</div>
						</div>
					</c:when>
					<c:otherwise>
						<div class="noSJ">
							<img src="<%=basePath%>assets/images/bcz.png" alt="">
							<h3>您还没有关注任何店铺哦</h3>
						</div>
					</c:otherwise>
				</c:choose></li>
			<li class="li_list aside2">
				<c:choose>
					<c:when test="${not empty attentionSUserList}">
						<div class="content_cont">
							<ul>
								<c:forEach items="${attentionSUserList}" var="attentionShopList">
									<li><a
										href="<%=basePath%>app/goodsList?merchantId=${attentionSUserList.targetId}"
										class="clearFirx"> <img
											src="<%=basePath%>app/getGoodsPhotoByName?goodsImage=${attentionSUserList.userPhoto}"
											alt="" class="shangjiatupian">
											<div class="shangjiajieshao">
												<h3 class="dianpumingcheng">${attentionShopList.merchantName}</h3>
											</div>
									</a></li>
								</c:forEach>
							</ul>
						</div>
					</c:when>
					<c:otherwise>
						<div class="noSJ">
							<img src="<%=basePath%>assets/images/bcz.png" alt="">
							<h3>您还没有关注任何人哦</h3>
						</div>
					</c:otherwise>
				</c:choose></li>
		</ul>
	</div>

</body>
<script type="text/javascript">
	$('.first a').css('color',"#FF3F25");
	$('.second').click(function(){
		$('.aside1').hide();
		$('.aside2').show();
		$('.second').addClass('active');
		$('.first').removeClass('active');
		$('.second a').css('color',"#FF3F25");
		$('.first a').css('color',"");
	});
	$('.first').click(function(){
		$('.aside2').hide();
		$('.aside1').show();
		$('.first').addClass('active');
		$('.second').removeClass('active');
		$('.second a').css('color',"");
		$('.first a').css('color',"#FF3F25");
	});
	$(document).ready(function(){
		$('.aside2').hide();
	});
</script>
</html>